<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>校友圈(在校生)</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/common/border-1px.css">
  <link rel="stylesheet" href="./alumniCircle.css">
</head>

<body>
  <div class="page-wrap">
    <!-- 校友圈 -->
    <div class="alumni-circle-wrap">
      <!-- 顶部定位 -->
      <div class="alumni-circle-top">
        <div class="fixed alumni-circle-fixed-bg">
          <!-- 学校图片 -->
          <div class="c-school-img-wrap">
            <img class="school-img" src="../../images/school-img.png" alt="">
          </div>
          <!-- tab效果 -->
          <ul class="subnav-items recommend-subnav-items fx-row fx-row-center fx-col-center ">
            <li class="subnav-item fx-1 fs-16 b-1px-b">
              <span class="subnav">毕业前辈</span>
            </li>
            <li class="subnav-item active fx-1 fs-16 b-1px-b">
              <span class="subnav">在校学生</span>
            </li>
          </ul>
        </div>
      </div>
      <!-- 底部高度 -->
      <div class="alumni-circle-bottom">
        <ul class="graduated-items-wrap">
          <li class="graduated-item page-padding10 fx-row fx-row-center">
            <!-- 头像 -->
            <div class="graduated-head-portrait">
              <img src="../../images/headImg.png" alt="">
            </div>
            <!-- x信息 -->
            <div class="graduated-info-wrap b-1px-b fx-1">
              <div class="graduated-info-top fx-row fx-row-center fx-row-space-between">
                <div class="fx-1">
                  <span class="name fs-16">杨乐</span>
                  <i class="iconfont icon-nan"></i>
                </div>
                <div class="follow-wrap">
                  <div class="release-user-focus">
                    <span class="focus-btn">关注</span>
                  </div>
                </div>
              </div>
              <div class="graduated-info-bottom  fx-row fx-row-center">
                <div class="info fx-1">
                  <span class="major fs-13">电子信息系</span>
                </div>
                <div class="recommend-num">
                  <span class="text fs-10">粉丝 226</span>
                </div>
              </div>
            </div>
          </li>
          <li class="graduated-item page-padding10 fx-row fx-row-center">
            <!-- 头像 -->
            <div class="graduated-head-portrait">
              <img src="../../images/headImg.png" alt="">
            </div>
            <!-- x信息 -->
            <div class="graduated-info-wrap b-1px-b fx-1">
              <div class="graduated-info-top fx-row fx-row-center fx-row-space-between">
                <div class="fx-1">
                  <span class="name fs-16">杨乐</span>
                  <i class="iconfont icon-nv"></i>
                </div>
                <div class="follow-wrap">
                  <div class="release-user-focus">
                    <span class="focus-btn">关注</span>
                  </div>
                </div>
              </div>
              <div class="graduated-info-bottom  fx-row fx-row-center">
                <div class="info fx-1">
                  <span class="major fs-13">电子信息系</span>
                </div>
                <div class="recommend-num">
                  <span class="text fs-10">粉丝 226</span>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>
<script>
  var alumniCircleFixed = document.getElementsByClassName('fixed')[0];
  var alumniCircleTop = document.getElementsByClassName('alumni-circle-top')[0];
  var alumniCircleBottom = document.getElementsByClassName('alumni-circle-bottom')[0];
  alumniCircleTop.style.height = alumniCircleFixed.clientHeight + 'px';
  alumniCircleBottom.style.height = document.body.clientHeight - alumniCircleFixed.clientHeight + 'px';
</script>

</html>